<template>
  <ve-histogram :data="chartData" :settings="chartSettings" ref="chart"></ve-histogram>
</template>

<script>
  import resize from './mixins/resize'
  export default {
    mixins: [resize],

    data () {
      this.chartSettings = {
        axisSite: { right: ['退单率'] },
        yAxisType: ['KMB', 'percent'],
        yAxisName: ['数值', '比率'],
        xAxisName: '日期'
      }
      return {
        chartData: {
          columns: ['日期', '订单总数', '退单率'],
          rows: [
            { '日期': '周一', '订单总数': 1093, '退单率': 0.32 },
            { '日期': '周二', '订单总数': 3230, '退单率': 0.26 },
            { '日期': '周三', '订单总数': 2623, '退单率': 0.76 },
            { '日期': '周四', '订单总数': 1423, '退单率': 0.49 },
            { '日期': '周五', '订单总数': 3492, '退单率': 0.323},
            { '日期': '周六', '订单总数': 4293, '退单率': 0.78 },
            { '日期': '周日', '订单总数': 1342, '退单率': 0.18 }
          ]
        }
      }
    }
  }
</script>
